
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <%@include file="/WEB-INF/pages/header.jsp"%>
</head>
<body>
<div class="container-fluid">
    <div id="toolbar">
        <button type="button" class="btn btn-danger" onclick="grant()"><i class="glyphicon glyphicon-grain"></i>角色授权</button>
        <button type="button" class="btn btn-success" onclick="prepareAdd()"><i class="glyphicon glyphicon-plus-sign"></i>添加角色</button>
    </div>
    <table id="roleTable"
           data-url="${ctx}/sys/role/se"
           data-toggle="table"
           data-striped="true"
           data-toolbar="#toolbar"
           data-toolbar-align="right"
           data-detail-view="true"
           data-detail-formatter="getDetail">
        <thead>
        <tr>
            <th data-radio="true"></th>
            <th data-field="id">编号</th>
            <th data-field="name">角色名称</th>
            <th data-field="modifyBy">修改人</th>
            <th data-field="modifyTime">修改时间</th>
            <th data-field="state">状态</th>
            <th>操作</th>
        </tr>
        </thead>
    </table>
</div>

<div id="grant">
    <div id="tree">
    </div>
</div>

<div id="add">
    <form class="form-horizontal">
        <div class="form-group"><label  class="col-md-3">角色名称：</label>
            <div class="col-md-8"><input type="text" name="name" class="form-control"></div>
        </div>
        <div class="form-group">
            <label  class="col-md-3">角色状态：</label>
            <div class="col-md-8">
                <label class="radio-inline">
                    <input type="radio" name="state" value="1"/>启用
                </label>
                <label class="radio-inline">
                    <input type="radio" name="state" value="0"/>禁用
                </label>
            </div>
        </div>
    </form>
</div>


<%@include file="/WEB-INF/pages/footer.jsp"%>
<script src="${ctx}/res/js/role.js"></script>
</body>
</html>
